<#include "base.ftl">
<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>广州久龙精品酒店</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="${base}css/sm.min.css">
    <link rel="stylesheet" href="${base}css/sm-extend.min.css">
    <link rel="stylesheet" type="text/css" href="${base}css/iconfont.css">
    <link rel="stylesheet" type="text/css" href="${base}css/main.css">
    
    
  </head>
  
  <body>
    <div class="page-group">
      <!--弹出层start-->
      <div class="popup popup-sheshi">
        <header class="bar bar-nav">
          <a class="button button-link button-nav pull-right close-popup">关闭</a>
          <h1 class="title">请选择您需要的设施服务</h1>
        </header>
        <div class="content native-scroll">
          <div class="content-inner">
            <div class="content-block">
              <div class="list-block">
                <ul>
                  <li>
                    <label class="label-checkbox item-content">
                      <input class="sheshi" type="checkbox" name="sheshifuwu" value="早餐">
                      <div class="item-media">
                        <i class="icon icon-form-checkbox"></i>
                      </div>
                      <div class="item-inner">早餐</div>
                    </label>
                  </li>
                  <li>
                    <label class="label-checkbox item-content">
                      <input class="sheshi" type="checkbox" name="sheshifuwu" value="停车场">
                      <div class="item-media">
                        <i class="icon icon-form-checkbox"></i>
                      </div>
                      <div class="item-inner">停车场</div>
                    </label>
                  </li>
                  <li>
                    <label class="label-checkbox item-content">
                      <input class="sheshi" type="checkbox" name="sheshifuwu" value="会议室">
                      <div class="item-media">
                        <i class="icon icon-form-checkbox"></i>
                      </div>
                      <div class="item-inner">会议室</div>
                    </label>
                  </li>
                  <li>
                    <label class="label-checkbox item-content">
                      <input class="sheshi" type="checkbox" name="sheshifuwu" value="客房wifi">
                      <div class="item-media">
                        <i class="icon icon-form-checkbox"></i>
                      </div>
                      <div class="item-inner">客房wifi</div>
                    </label>
                  </li>
                  <li>
                    <label class="label-checkbox item-content">
                      <input class="sheshi" type="checkbox" name="sheshifuwu" value="接待外宾">
                      <div class="item-media">
                        <i class="icon icon-form-checkbox"></i>
                      </div>
                      <div class="item-inner">接待外宾</div>
                    </label>
                  </li>
                </ul>
              </div>
              <p><a id="sheshiok" class="button close-popup">确定</a></p>
            </div>
          </div>
        </div>
      </div>
      <!--弹出层end-->
      <!--弹出层start-->
      <div class="popup popup-cuxiao">
        <header class="bar bar-nav">
          <a class="button button-link button-nav pull-right close-popup">关闭</a>
          <h1 class="title">请选择您需要的促销活动</h1>
        </header>
        <div class="content native-scroll">
          <div class="content-inner">
            <div class="content-block">
              <div class="list-block">
                <ul>
                  <li>
                    <label class="label-checkbox item-content">
                      <input class="cuxiao" type="checkbox" name="cuxiao" value="促销1">
                      <div class="item-media">
                        <i class="icon icon-form-checkbox"></i>
                      </div>
                      <div class="item-inner">促销1</div>
                    </label>
                  </li>
                  <li>
                    <label class="label-checkbox item-content">
                      <input class="cuxiao" type="checkbox" name="cuxiao" value="促销2">
                      <div class="item-media">
                        <i class="icon icon-form-checkbox"></i>
                      </div>
                      <div class="item-inner">促销2</div>
                    </label>
                  </li>
                  <li>
                    <label class="label-checkbox item-content">
                      <input class="cuxiao" type="checkbox" name="cuxiao" value="促销3">
                      <div class="item-media">
                        <i class="icon icon-form-checkbox"></i>
                      </div>
                      <div class="item-inner">促销3</div>
                    </label>
                  </li>
                  <li>
                    <label class="label-checkbox item-content">
                      <input class="cuxiao" type="checkbox" name="cuxiao" value="促销4">
                      <div class="item-media">
                        <i class="icon icon-form-checkbox"></i>
                      </div>
                      <div class="item-inner">促销4</div>
                    </label>
                  </li>
                  <li>
                    <label class="label-checkbox item-content">
                      <input class="cuxiao" type="checkbox" name="cuxiao" value="促销5">
                      <div class="item-media">
                        <i class="icon icon-form-checkbox"></i>
                      </div>
                      <div class="item-inner">促销5</div>
                    </label>
                  </li>
                </ul>
              </div>
              <p><a id="cuxiaook" class="button close-popup">确定</a></p>
            </div>
          </div>
        </div>
      </div>
      <!--弹出层end-->
      <!--侧边栏start-->
      <div class="panel-overlay"></div>
      <div class="panel panel-left panel-reveal theme-dark" id='panel-left-demo'>
        <div class="content-block">
          <!--搜索start-->
          <div class="searchbar">
            <div class="search-input">
              <label class="icon icon-search" for="search"></label>
              <input type="search" name='search' placeholder='输入关键字...' />
            </div>
          </div>
          <!--搜索end-->
          <p><h3>广州久龙精品酒店</h3></p>
          <div class="list-block">
            <ul>
              <li>
                <div class="item-content">
                  <div class="item-inner item-content item-link">
                    <a href="${base}index.html">首页</a>
                  </div>
                </div>
              </li>
              <li>
                <div class="item-content">
                  <div class="item-inner item-content item-link">
                    <a href="${base}kfyd.html">客房预订</a>
                  </div>
                </div>
              </li>
              <li>
                <div class="item-content">
                  <div class="item-inner item-content item-link">
                    <a href="${base}yhhd.html">优惠活动</a>
                  </div>
                </div>
              </li>
              <li>
                <div class="item-content">
                  <div class="item-inner item-content item-link">
                    <a href="${base}jdsp.html">酒店视频</a>
                  </div>
                </div>
              </li>
              <li>
                <div class="item-content">
                  <div class="item-inner item-content item-link">
                    <a href="${base}jdjm.html">酒店加盟</a>
                  </div>
                </div>
              </li>
              <li>
                <div class="item-content">
                  <div class="item-inner item-content item-link">
                    <a href="${base}jdjs.html">酒店相关</a>
                  </div>
                </div>
              </li>
            </ul>
          </div>
          <p><a href="${base}#" class="close-panel button button-big button-fill button-danger">关闭</a></p>
        </div>
      </div>
      <!--侧边栏end-->
      <div class="page page-current">
        <!--顶栏start-->
        <header class="bar bar-nav">
          <a class="icon icon-menu button button-link button-nav pull-left open-panel" href="javascript:;" data-panel='#panel-left-demo'></a>
          <h1 class="title">
            <img src="${base}img/logo.jpg">广州久龙精品酒店
          </h1>
        </header>
        <!--顶栏end-->
        <!--底栏start-->
        <nav class="bar bar-tab">
          <a class="tab-item active create-actions" href="#">
            <span class="icon icon-phone"></span>
            <span class="tab-label">电话咨询</span>
          </a>
        </nav>
        <!--底栏end-->
        <div class="content native-scroll">
          <!--轮播start-->
          <div class="swiper-container swiper-container-horizontal" data-space-between="10">
            <div class="swiper-wrapper">
              <div class="swiper-slide swiper-slide-prev">
                <img src="${base}img/banner/banner1.jpg" alt="">
              </div>
              <div class="swiper-slide swiper-slide-active">
                <img src="${base}img/banner/banner2.jpg" alt="">
              </div>
              <div class="swiper-slide swiper-slide-next">
                <img src="${base}img/banner/banner3.jpg" alt="">
              </div>
            </div>
            <div class="swiper-pagination">
              <span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
              <span class="swiper-pagination-bullet"></span>
              <span class="swiper-pagination-bullet"></span>
            </div>
          </div>
          <!--轮播end-->
          <!--导航start-->
          <div class="buttons-tab">
            <a href="${base}index.html" class="button smallnav" external>首页</a>
            <a href="${base}kfyd.html" class="button smallnav" external>客房预订</a>
            <a href="${base}yhhd.html" class="button smallnav" external>优惠活动</a>
            <a href="${base}jdsp.html" class="button smallnav active" external>酒店视频</a>
            <a href="${base}jdjs.html" class="button smallnav" external>酒店相关</a>
            <a href="${base}jdjm.html" class="button smallnav" external>酒店加盟</a>
          </div>
          <!--导航end-->
          <div class="page-index">
            <!--搜索start-->
            <div class="content-padded grid-demo">
              <div class="search">
                <input type="text" name="search" class="searchtext">
                <input type="submit" class="searchsub" value="">
              </div>
            </div>
            <!--搜索end-->
        

            <!--卡片start-->
            <div class="card demo-card-header-pic">
              <div valign="bottom" class="card-header color-white no-border no-padding">
                <iframe  width="100%" src='http://player.youku.com/embed/XMjc4MjIwNDg5Mg==' frameborder=0 'allowfullscreen'></iframe>
              </div>
              <div class="card-content">
                <div class="card-content-inner">
                  <p class="color-gray">发表于 2015/01/15</p>
                  <p>此处是标题...</p>
                </div>
              </div>
              <div class="card-footer">
                <a href="${base}#" class="link"></a>
                <a href="${base}#" class="link">更多</a>
              </div>
            </div>

            <div class="card demo-card-header-pic">
              <div valign="bottom" class="card-header color-white no-border no-padding">
                <iframe  width="100%" src='http://player.youku.com/embed/XMjc4MjIwNDg5Mg==' frameborder=0 'allowfullscreen'></iframe>
              </div>
              <div class="card-content">
                <div class="card-content-inner">
                  <p class="color-gray">发表于 2015/01/15</p>
                  <p>此处是标题...</p>
                </div>
              </div>
              <div class="card-footer">
                <a href="${base}#" class="link"></a>
                <a href="${base}#" class="link">更多</a>
              </div>
            </div>

            <div class="card demo-card-header-pic">
              <div valign="bottom" class="card-header color-white no-border no-padding">
                <iframe  width="100%" src='http://player.youku.com/embed/XMjc4MjIwNDg5Mg==' frameborder=0 'allowfullscreen'></iframe>
              </div>
              <div class="card-content">
                <div class="card-content-inner">
                  <p class="color-gray">发表于 2015/01/15</p>
                  <p>此处是标题...</p>
                </div>
              </div>
              <div class="card-footer">
                <a href="${base}#" class="link"></a>
                <a href="${base}#" class="link">更多</a>
              </div>
            </div>

            <div class="card demo-card-header-pic">
              <div valign="bottom" class="card-header color-white no-border no-padding">
                <iframe  width="100%" src='http://player.youku.com/embed/XMjc4MjIwNDg5Mg==' frameborder=0 'allowfullscreen'></iframe>
              </div>
              <div class="card-content">
                <div class="card-content-inner">
                  <p class="color-gray">发表于 2015/01/15</p>
                  <p>此处是标题...</p>
                </div>
              </div>
              <div class="card-footer">
                <a href="${base}#" class="link"></a>
                <a href="${base}#" class="link">更多</a>
              </div>
            </div>

            <div class="card demo-card-header-pic">
              <div valign="bottom" class="card-header color-white no-border no-padding">
                <iframe  width="100%" src='http://player.youku.com/embed/XMjc4MjIwNDg5Mg==' frameborder=0 'allowfullscreen'></iframe>
              </div>
              <div class="card-content">
                <div class="card-content-inner">
                  <p class="color-gray">发表于 2015/01/15</p>
                  <p>此处是标题...</p>
                </div>
              </div>
              <div class="card-footer">
                <a href="${base}#" class="link"></a>
                <a href="${base}#" class="link">更多</a>
              </div>
            </div>
            <!--卡片end-->
            
            <!--分页start-->
            <div class="content-block pages">
              <p class="buttons-row">
                <a href="#" class="button">上一页</a>
                <a href="#" class="button active">1</a>
                <a href="#" class="button">2</a>
                <a href="#" class="button">3</a>
                <a href="#" class="button">4</a>
                <a href="#" class="button">5</a>
                <a href="#" class="button">···</a>
                <a href="#" class="button">10</a>
                <a href="#" class="button">下一页</a>
              </p>
            </div>
            <!--分页end-->

            <div class="content-padded grid-demo">
              <img src="${base}img/bottom.jpg" width="100%">
              <p><a href="${base}#" class="button button-fill button-light" style="color: #000;">更多</a></p>
            </div>
            <div class="reachtop">
              <div class="reachbtn" external>
                Top
                <span class="icon icon-up"></span>
              </div>
            </div>
            <p class="bq"><font face="Arial">©</font>2017 广州久龙精品酒店 版权所有</p>
            <p class="bq"><a href="${base}javascript:;">电脑版</a></p>
          </div>
        </div>
      </div>
    </div>
    <script type='text/javascript' src='${base}js/zepto.min.js'></script>
    <script type='text/javascript' src='${base}js/sm.min.js'></script>
    <script type='text/javascript' src='${base}js/sm-extend.min.js'></script>
    <script type="text/javascript" src="${base}js/main.js"></script>
  </body>
  
</html>